<template>
  <div id="home">
    <home-header></home-header>
    <home-banner></home-banner>
    <icon-list></icon-list>
    <music-list></music-list>
  </div>
</template>

<script>
import HomeHeader from '@/components/home/HomeHeader.vue'
import HomeBanner from '@/components/home/HomeBanner.vue'
import IconList from '@/components/home/IconList.vue'
import MusicList from '@/components/home/MusicList.vue'

export default {
  name: 'Home',
  components: { HomeHeader, HomeBanner, IconList, MusicList }
}
</script>

<style lang="less" scoped>
#home {
  padding: 0 0.3rem;
  width: 7.5rem;
}
</style>